<template>
    <div class="msg-list">
        <ul>
            <li>编号:{{ params.id }}</li>
            <li>标题:{{ params.title }}</li>
            <li>内容:{{ params.context }}</li>
        </ul>
    </div>

</template>
<script lang="ts" setup name="detail">
import { toRefs } from 'vue';
import { useRoute } from 'vue-router';
const route=useRoute()
console.log(route)
let {params}=toRefs(route)
console.log(params.value)
</script>
<style scoped>
    .msg-list {
    list-style: none;
    padding-left: 20px;
  }

  .msg-list>li {
    line-height: 30px;
  }



</style>